<template>
  <el-row style="background-color: aqua">
    <el-col :span="24"><h1>我的购物车</h1></el-col>

  </el-row>
  <el-row >

    <el-col :span="6" >

      <el-menu background-color="#545c64"  class="el-menu-vertical-demo" active-text-color="#ffd04b"  text-color="#fff"
               default-active="1-1" >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><location/></el-icon>
            <span>首页</span>
          </template>

          <el-menu-item index="1-1" @click="home('/home')">商品列表</el-menu-item>
          <el-menu-item index="1-2" @click="home('/upload')">文件上传</el-menu-item>
          <el-menu-item index="1-3" @click="select()">查看购物车</el-menu-item>
          <el-menu-item index="1-4">订单管理</el-menu-item>
        </el-sub-menu>

      </el-menu>


    </el-col>
      <el-col :span="18" >
        <router-view/>
    </el-col>

  </el-row>
</template>

<script>
export default {
  name: "Menu",
  methods:{
    home(path){
      this.$router.push(path)
    },
    select(){
      this.$router.push('/menu/student')
    }



  }
}
</script>

<style scoped>

</style>